<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
  "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:h="http://java.sun.com/jsf/html"
      xmlns:f="http://java.sun.com/jsf/core">
<h:head><title>Login Form</title>
<link href="./css/styles.css" 
      rel="stylesheet" type="text/css"/>
</h:head>
<h:body>
<f:view>
  <div align="center">	
	<div style="height: 100px;"></div>
	
	<div align="center" style="width:700px;">
	<h:form>
		<fieldset>
		  <legend>Login (hdang20@csc.com/P@ssword)</legend><br />
		  <div align="left">
			<h:messages styleClass="error"/>
		  </div> 
		  <table>
		  	<tr>
		  		<td>Email Address:</td>
		  		<td>
		  			<h:inputText value="#{loginManageBean.emailAddress}" id="rangeField">
		  				<f:ajax event="keyup" render="cEmailStatus"/>
		            </h:inputText>
		  		</td>
		  		<td>
		  			<h:outputText value="#{loginManageBean.emailStatus}" id="cEmailStatus" escape="false" />
		  		</td>
		  	</tr>
		  	<tr>
		  		<td>Password:</td>
		  		<td>
		  			<h:inputSecret value="#{loginManageBean.password}">
		  				<f:ajax event="keyup" render="cPasswordStatus"/>
		  			</h:inputSecret>
		  		</td>
		  		<td>
		  			<h:outputText value="#{loginManageBean.passwordStatus}" id="cPasswordStatus" escape="false" />
		  		</td>
		  	</tr>
		  	<tr align="center">
		  		<td colspan="3">
		  			<br />
		  			<h:selectBooleanCheckbox value="#{loginManageBean.isGoToProfile}" id="chkRememberMe" />Modify My Profiles
		  		</td>
		  	</tr>
		  	<tr align="center">
		  		<td colspan="3"> 
		  			<h:commandButton value="Login" action="#{loginManageBean.login}" /><br/>
		  		</td>
		  	</tr>
		  </table>
		</fieldset>
	</h:form>
	
	</div>
</div>
</f:view>
</h:body></html>